<template>
  <div class="ownauto">
    <div class="ownfeature--box" v-if="pos == '颈动脉'">
<!--      <div class="ownfeature&#45;&#45;sub&#45;&#45;title">-->
<!--        <span class="ownfeature&#45;&#45;sub&#45;&#45;left">L-窦部</span>-->
<!--        <span-->
<!--          :class="['ownfeature&#45;&#45;sub&#45;&#45;right', { noavtive: !arteryLBifKey }]"-->
<!--          @click="arteryLBifKey = !arteryLBifKey"-->
<!--        >-->
<!--          <HeadSvg type="feature" />-->
<!--        </span>-->
<!--      </div>-->

<!--      <div :class="['ownfeature&#45;&#45;pos&#45;&#45;box', { noavtive: !arteryLBifKey }]">-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: LeftCrossBifurcation_d },-->
<!--            ]"-->
<!--            >管径:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;val',-->
<!--              { active: LeftCrossBifurcation_d },-->
<!--            ]"-->
<!--            v-model="LeftCrossBifurcation_d"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('LeftCrossBifurcation_d')"-->
<!--          />-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: LeftCrossBifurcation_d },-->
<!--            ]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftCrossBifurcation }]"-->
<!--            >IMT:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: LeftCrossBifurcation }]"-->
<!--            v-model="LeftCrossBifurcation"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('LeftCrossBifurcation')"-->
<!--          />-->
<!--          <span-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftCrossBifurcation }]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: LeftCrossBifurcation_PSED },-->
<!--            ]"-->
<!--            >PSV/EDV:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;val',-->
<!--              { active: LeftCrossBifurcation_PSED },-->
<!--            ]"-->
<!--            v-model="LeftCrossBifurcation_PSED"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('LeftCrossBifurcation_PSED')"-->
<!--          />-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: LeftCrossBifurcation_PSED },-->
<!--            ]"-->
<!--            >cm/s</span-->
<!--          >-->
<!--        </div>-->
<!--      </div>-->

<!--      <div class="ownfeature&#45;&#45;sub&#45;&#45;title">-->
<!--        <span class="ownfeature&#45;&#45;sub&#45;&#45;left">L-ICA</span>-->
<!--        <span-->
<!--          :class="['ownfeature&#45;&#45;sub&#45;&#45;right', { noavtive: !arteryLICAKey }]"-->
<!--          @click="arteryLICAKey = !arteryLICAKey"-->
<!--        >-->
<!--          <HeadSvg type="feature" />-->
<!--        </span>-->
<!--      </div>-->

<!--      <div :class="['ownfeature&#45;&#45;pos&#45;&#45;box', { noavtive: !arteryLICAKey }]">-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftLongICA_d }]"-->
<!--            >管径:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: LeftLongICA_d }]"-->
<!--            v-model="LeftLongICA_d"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('LeftLongICA_d')"-->
<!--          />-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftLongICA_d }]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftLongICA }]"-->
<!--            >IMT:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: LeftLongICA }]"-->
<!--            v-model="LeftLongICA"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('LeftLongICA')"-->
<!--          />-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftLongICA }]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftLongICA_PSED }]"-->
<!--            >PSV/EDV:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: LeftLongICA_PSED }]"-->
<!--            v-model="LeftLongICA_PSED"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('LeftLongICA_PSED')"-->
<!--          />-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: LeftLongICA_PSED }]"-->
<!--            >cm/s</span-->
<!--          >-->
<!--        </div>-->
<!--      </div>-->

      <div class="ownfeature--sub--title">
        <span class="ownfeature--sub--left">L-CCA</span>
        <span
          :class="['ownfeature--sub--right', { noavtive: !arteryLECAKey }]"
          @click="arteryLECAKey = !arteryLECAKey"
        >
          <HeadSvg type="feature" />
        </span>
      </div>

      <div :class="['ownfeature--pos--box', { noavtive: !arteryLECAKey }]">
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: LeftLongCCA_d }]"
            >管径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: LeftLongCCA_d }]"
            v-model="LeftLongCCA_d"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('LeftLongCCA_d')"
          />
          <span :class="['ownfeature--pos--left', { active: LeftLongCCA_d }]"
            >mm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: LeftLongCCA }]"
            >IMT:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: LeftLongCCA }]"
            v-model="LeftLongCCA"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('LeftLongCCA')"
          />
          <span :class="['ownfeature--pos--left', { active: LeftLongCCA }]"
            >mm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: LeftLongCCA_PSED }]"
            >PSV/EDV:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: LeftLongCCA_PSED }]"
            v-model="LeftLongCCA_PSED"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('LeftLongCCA_PSED')"
          />
          <span :class="['ownfeature--pos--left', { active: LeftLongCCA_PSED }]"
            >cm/s</span
          >
        </div>
      </div>

<!--      <div class="ownfeature&#45;&#45;sub&#45;&#45;title">-->
<!--        <span class="ownfeature&#45;&#45;sub&#45;&#45;left">R-窦部</span>-->
<!--        <span-->
<!--          :class="['ownfeature&#45;&#45;sub&#45;&#45;right', { noavtive: !arteryRBifKey }]"-->
<!--          @click="arteryRBifKey = !arteryRBifKey"-->
<!--        >-->
<!--          <HeadSvg type="feature" />-->
<!--        </span>-->
<!--      </div>-->

<!--      <div :class="['ownfeature&#45;&#45;pos&#45;&#45;box', { noavtive: !arteryRBifKey }]">-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: RightCrossBifurcation_d },-->
<!--            ]"-->
<!--            >管径:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;val',-->
<!--              { active: RightCrossBifurcation_d },-->
<!--            ]"-->
<!--            v-model="RightCrossBifurcation_d"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('RightCrossBifurcation_d')"-->
<!--          />-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: RightCrossBifurcation_d },-->
<!--            ]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: RightCrossBifurcation },-->
<!--            ]"-->
<!--            >IMT:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: RightCrossBifurcation }]"-->
<!--            v-model="RightCrossBifurcation"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('RightCrossBifurcation')"-->
<!--          />-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: RightCrossBifurcation },-->
<!--            ]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: RightCrossBifurcation_PSED },-->
<!--            ]"-->
<!--            >PSV/EDV:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;val',-->
<!--              { active: RightCrossBifurcation_PSED },-->
<!--            ]"-->
<!--            v-model="RightCrossBifurcation_PSED"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('RightCrossBifurcation_PSED')"-->
<!--          />-->
<!--          <span-->
<!--            :class="[-->
<!--              'ownfeature&#45;&#45;pos&#45;&#45;left',-->
<!--              { active: RightCrossBifurcation_PSED },-->
<!--            ]"-->
<!--            >cm/s</span-->
<!--          >-->
<!--        </div>-->
<!--      </div>-->

<!--      <div class="ownfeature&#45;&#45;sub&#45;&#45;title">-->
<!--        <span class="ownfeature&#45;&#45;sub&#45;&#45;left">R-ICA</span>-->
<!--        <span-->
<!--          :class="['ownfeature&#45;&#45;sub&#45;&#45;right', { noavtive: !arteryRICAKey }]"-->
<!--          @click="arteryRICAKey = !arteryRICAKey"-->
<!--        >-->
<!--          <HeadSvg type="feature" />-->
<!--        </span>-->
<!--      </div>-->

<!--      <div :class="['ownfeature&#45;&#45;pos&#45;&#45;box', { noavtive: !arteryRICAKey }]">-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: RightLongICA_d }]"-->
<!--            >管径:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: RightLongICA_d }]"-->
<!--            v-model="RightLongICA_d"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('RightLongICA_d')"-->
<!--          />-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: RightLongICA_d }]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: RightLongICA }]"-->
<!--            >IMT:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: RightLongICA }]"-->
<!--            v-model="RightLongICA"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('RightLongICA')"-->
<!--          />-->
<!--          <span :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: RightLongICA }]"-->
<!--            >mm</span-->
<!--          >-->
<!--        </div>-->
<!--        <div class="ownfeature&#45;&#45;pos">-->
<!--          <span-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: RightLongICA_PSED }]"-->
<!--            >PSV/EDV:</span-->
<!--          >-->
<!--          <input-->
<!--            type="text"-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;val', { active: RightLongICA_PSED }]"-->
<!--            v-model="RightLongICA_PSED"-->
<!--            :disabled="recordDisabled || !isCanEdit"-->
<!--            placeholder="输入数值"-->
<!--            @input="valiInput('RightLongICA_PSED')"-->
<!--          />-->
<!--          <span-->
<!--            :class="['ownfeature&#45;&#45;pos&#45;&#45;left', { active: RightLongICA_PSED }]"-->
<!--            >cm/s</span-->
<!--          >-->
<!--        </div>-->
<!--      </div>-->

      <div class="ownfeature--sub--title">
        <span class="ownfeature--sub--left">R-CCA</span>
        <span
          :class="['ownfeature--sub--right', { noavtive: !arteryRECAKey }]"
          @click="arteryRECAKey = !arteryRECAKey"
        >
          <HeadSvg type="feature" />
        </span>
      </div>

      <div :class="['ownfeature--pos--box', { noavtive: !arteryRECAKey }]">
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: RightLongCCA_d }]"
            >管径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: RightLongCCA_d }]"
            v-model="RightLongCCA_d"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('RightLongCCA_d')"
          />
          <span :class="['ownfeature--pos--left', { active: RightLongCCA_d }]"
            >mm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: RightLongCCA }]"
            >IMT:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: RightLongCCA }]"
            v-model="RightLongCCA"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('RightLongCCA')"
          />
          <span :class="['ownfeature--pos--left', { active: RightLongCCA }]"
            >mm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span
            :class="['ownfeature--pos--left', { active: RightLongCCA_PSED }]"
            >PSV/EDV:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: RightLongCCA_PSED }]"
            v-model="RightLongCCA_PSED"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('RightLongCCA_PSED')"
          />
          <span
            :class="['ownfeature--pos--left', { active: RightLongCCA_PSED }]"
            >cm/s</span
          >
        </div>
      </div>
    </div>
    <div class="ownfeature--box" v-if="pos == '甲状腺'">
      <div class="ownfeature--sub--title">
        <span class="ownfeature--sub--left">甲状腺测量</span>
        <span
          :class="['ownfeature--sub--right', { noavtive: !thyroidRKey }]"
          @click="thyroidRKey = !thyroidRKey"
        >
          <HeadSvg type="feature" />
        </span>
      </div>
      <div :class="['ownfeature--pos--box', { noavtive: !thyroidRKey }]">
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
            >峡部前后径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: thyroid_0 }]"
            v-model="thyroid_0"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('thyroid_0')"
          />
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
            >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: thyroid_5 }]"
          >左叶前后径:</span
          >
          <input
              type="text"
              :class="['ownfeature--pos--val', { active: thyroid_5 }]"
              v-model="thyroid_5"
              :disabled="recordDisabled || !isCanEdit"
              placeholder="输入数值"
              @input="valiInput('thyroid_5')"
          />
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
          >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: thyroid_4 }]"
          >左叶左右径:</span
          >
          <input
              type="text"
              :class="['ownfeature--pos--val', { active: thyroid_4 }]"
              v-model="thyroid_4"
              :disabled="recordDisabled || !isCanEdit"
              placeholder="输入数值"
              @input="valiInput('thyroid_4')"
          />
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
          >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: thyroid_6 }]"
          >左叶上下径:</span
          >
          <input
              type="text"
              :class="['ownfeature--pos--val', { active: thyroid_6 }]"
              v-model="thyroid_6"
              :disabled="recordDisabled || !isCanEdit"
              placeholder="输入数值"
              @input="valiInput('thyroid_6')"
          />
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
          >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: thyroid_2 }]"
          >右叶前后径:</span
          >
          <input
              type="text"
              :class="['ownfeature--pos--val', { active: thyroid_2 }]"
              v-model="thyroid_2"
              :disabled="recordDisabled || !isCanEdit"
              placeholder="输入数值"
              @input="valiInput('thyroid_2')"
          />
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
          >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: thyroid_1 }]"
            >右叶左右径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: thyroid_1 }]"
            v-model="thyroid_1"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('thyroid_1')"
          />
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
            >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: thyroid_3 }]"
            >右叶上下径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: thyroid_3 }]"
            v-model="thyroid_3"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('thyroid_3')"
          />
          <span :class="['ownfeature--pos--left', { active: thyroid_0 }]"
            >cm</span
          >
        </div>
      </div>
    </div>
    <div class="ownfeature--box" v-if="pos == '腹部' || pos == '消化系'">
      <template v-if="type == 'liver'">
        <div class="ownfeature--sub--title">
          <span class="ownfeature--sub--left">肝脏测量</span>
          <span
              :class="['ownfeature--sub--right', { noavtive: !liver1Key }]"
              @click="liver1Key = !liver1Key"
          >
          <HeadSvg type="feature" />
        </span>
        </div>
        <div :class="['ownfeature--pos--box', { noavtive: !liver1Key }]">
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: liver_11 }]"
          >左叶上下径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: liver_11 }]"
                v-model="liver_11"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('liver_11')"
            />
            <span :class="['ownfeature--pos--left', { active: liver_11 }]"
            >cm</span
            >
          </div>
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: liver_12 }]"
          >左叶前后径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: liver_12 }]"
                v-model="liver_12"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('liver_12')"
            />
            <span :class="['ownfeature--pos--left', { active: liver_12 }]"
            >cm</span
            >
          </div>
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: liver_21 }]"
          >右叶斜径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: liver_21 }]"
                v-model="liver_21"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('liver_21')"
            />
            <span :class="['ownfeature--pos--left', { active: liver_21 }]"
            >cm</span
            >
          </div>
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: liver_51 }]"
          >门静脉主干内径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: liver_51 }]"
                v-model="liver_51"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('liver_51')"
            />
            <span :class="['ownfeature--pos--left', { active: liver_51 }]"
            >cm</span
            >
          </div>
        </div>
        <div class="ownfeature--sub--title">
          <span class="ownfeature--sub--left">胆囊测量</span>
          <span
              :class="['ownfeature--sub--right', { noavtive: !liver3Key }]"
              @click="liver3Key = !liver3Key"
          >
          <HeadSvg type="feature" />
        </span>
        </div>
        <div :class="['ownfeature--pos--box', { noavtive: !liver3Key }]">
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: liver_31 }]"
          >长径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: liver_31 }]"
                v-model="liver_31"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('liver_31')"
            />
            <span :class="['ownfeature--pos--left', { active: liver_31 }]"
            >cm</span
            >
          </div>
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: liver_32 }]"
          >短径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: liver_32 }]"
                v-model="liver_32"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('liver_32')"
            />
            <span :class="['ownfeature--pos--left', { active: liver_32 }]"
            >cm</span
            >
          </div>
        </div>
        <div
            class="ownfeature--sub--title"
        >
          <span class="ownfeature--sub--left">胰腺测量</span>
          <span
              :class="['ownfeature--sub--right', { noavtive: !liver7Key }]"
              @click="liver7Key = !liver7Key"
          >
          <HeadSvg type="feature" />
        </span>
        </div>
        <div
            :class="['ownfeature--pos--box', { noavtive: !liver7Key }]"
        >
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: liver_36 }]"
          >胰体前后径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: liver_36 }]"
                v-model="liver_36"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('liver_36')"
            />
            <span :class="['ownfeature--pos--left', { active: liver_36 }]"
            >cm</span
            >
          </div>
        </div>
      </template>
      <template v-if="type == 'spleen'">
        <div class="ownfeature--sub--title">
          <span class="ownfeature--sub--left">脾脏测量</span>
          <span
              :class="['ownfeature--sub--right', { noavtive: !spleenKey }]"
              @click="spleenKey = !spleenKey"
          >
          <HeadSvg type="feature" />
        </span>
        </div>
        <div :class="['ownfeature--pos--box', { noavtive: !spleenKey }]">
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: spleen_4011 }]"
          >长径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: spleen_4011 }]"
                v-model="spleen_4011"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('spleen_4011')"
            />
            <span :class="['ownfeature--pos--left', { active: spleen_4011 }]"
            >cm</span
            >
          </div>
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: spleen_4012 }]"
          >厚径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: spleen_4012 }]"
                v-model="spleen_4012"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('spleen_4012')"
            />
            <span :class="['ownfeature--pos--left', { active: spleen_4012 }]"
            >cm</span
            >
          </div>
          <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left big2', { active: spleen_4021 }]"
          >脾门部脾静脉直径:</span
          >
            <input
                type="text"
                :class="['ownfeature--pos--val', { active: spleen_4021 }]"
                v-model="spleen_4021"
                :disabled="recordDisabled || !isCanEdit"
                placeholder="输入数值"
                @input="valiInput('spleen_4021')"
            />
            <span :class="['ownfeature--pos--left', { active: spleen_4021 }]"
            >cm</span
            >
          </div>
        </div>
      </template>
    </div>
    <div class="ownfeature--box" v-if="pos == '泌尿' || pos == '泌尿系'">
      <div class="ownfeature--sub--title">
        <span class="ownfeature--sub--left">肾脏测量</span>
        <span
          :class="['ownfeature--sub--right', { noavtive: !urinaryKey }]"
          @click="urinaryKey = !urinaryKey"
        >
          <HeadSvg type="feature" />
        </span>
      </div>
      <div :class="['ownfeature--pos--box', { noavtive: !urinaryKey }]">
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: urinary_5011 }]"
            >左肾上下径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: urinary_5011 }]"
            v-model="urinary_5011"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('urinary_5011')"
          />
          <span :class="['ownfeature--pos--left', { active: urinary_5011 }]"
            >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: urinary_5012 }]"
            >左肾前后径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: urinary_5012 }]"
            v-model="urinary_5012"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('urinary_5012')"
          />
          <span :class="['ownfeature--pos--left', { active: urinary_5012 }]"
            >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: urinary_5021 }]"
            >右肾上下径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: urinary_5021 }]"
            v-model="urinary_5021"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('urinary_5021')"
          />
          <span :class="['ownfeature--pos--left', { active: urinary_5021 }]"
            >cm</span
          >
        </div>
        <div class="ownfeature--pos">
          <span :class="['ownfeature--pos--left', { active: urinary_5022 }]"
            >右肾前后径:</span
          >
          <input
            type="text"
            :class="['ownfeature--pos--val', { active: urinary_5022 }]"
            v-model="urinary_5022"
            :disabled="recordDisabled || !isCanEdit"
            placeholder="输入数值"
            @input="valiInput('urinary_5022')"
          />
          <span :class="['ownfeature--pos--left', { active: urinary_5022 }]"
            >cm</span
          >
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import HeadSvg from "@/components/HeadSvg";
import {
  isEmpty,
  artery2E,
  artery_keys,
  //   artery_locs,
  arteryPSEDres,
  artery_normal_default,
  diameter2E,
  thyroid2E,
  thyroid_keys,
  thyroid_normal_default,
  digestive_keys,
  digestive2E,
  urinary2E,
  urinary_keys,
} from "@/utils";
export default {
  name: "OwnAuto",
  components: {
    HeadSvg,
  },
  props: ["pos", "featureData", "recordDisabled","type"],
  data() {
    return {
      isCanEdit: false, //是否可以编辑

      arteryLBifKey: true, //颈动脉展开收起
      arteryLICAKey: true,
      arteryLECAKey: true,
      arteryRBifKey: true,
      arteryRICAKey: true,
      arteryRECAKey: true,

      LeftCrossBifurcation: "", //左 窦部
      LeftLongICA: "", //左 ICA
      LeftLongCCA: "", //左 CCA
      RightCrossBifurcation: "", //右 窦部
      RightLongICA: "", //右 ICA
      RightLongCCA: "", //右 CCA
      LeftLongICA_PSED: "",
      LeftLongCCA_PSED: "",
      LeftCrossBifurcation_PSED: "",
      RightLongICA_PSED: "",
      RightLongCCA_PSED: "",
      RightCrossBifurcation_PSED: "",
      LeftCrossBifurcation_d: "", //左 窦部
      LeftLongCCA_d: "", //左 ICA
      LeftLongICA_d: "", //左 CCA
      RightCrossBifurcation_d: "", //右 窦部
      RightLongICA_d: "", //右 ICA
      RightLongCCA_d: "", //右 CCA

      thyroidRKey: true, //甲状腺展开收起
      thyroid_0: "",
      thyroid_1: "",
      thyroid_2: "",
      thyroid_3: "",
      thyroid_4: "",
      thyroid_5: "",
      thyroid_6: "",

      liver1Key: true, //腹部展开收起
      liver3Key: true,
      spleenKey: true,
      liver7Key: true,

      liver_11: "",
      liver_12: "",
      liver_21: "",
      liver_31: "",
      liver_32: "",
      liver_36: "",
      liver_51: "",
      spleen_4011: "",
      spleen_4012: "",
      spleen_4021: "",

      urinaryKey: true, //泌尿展开收起
      urinary_5011: "",
      urinary_5012: "",
      urinary_5021: "",
      urinary_5022: "",
    };
  },
  watch: {
    featureData: {
      immediate: true,
      deep: true,
      handler(val) {
        if (val) {
          this.initFeatureData();
        }
      },
    },
  },
  methods: {
    //获取测量及病灶数据
    initFeatureData() {
      try {
        if (!this.featureData) {
          console.log("没有测量数据:", this.featureData);
          return;
        }
        if (this.pos == "甲状腺") {
          const thyroid_measure = JSON.parse(this.featureData).thyroid_measure;
          if (thyroid_measure && !isEmpty(thyroid_measure)) {
            console.log("有测量数据:", thyroid_measure);
            for (let prop in thyroid_measure) {
              if (thyroid_keys.includes(prop)) {
                const key = thyroid2E[prop];
                this[key] = thyroid_measure[prop];
              } else {
                this[prop] = thyroid_measure[prop];
              }
            }
          } else {
            console.log("没有测量数据", thyroid_measure);
            for (let prop in thyroid_normal_default) {
              if (!thyroid_measure || !thyroid_measure[prop]) {
                this[prop] = thyroid_normal_default[prop];
              }
            }
          }
        }
        if (this.pos == "颈动脉") {
          const measure_info = JSON.parse(this.featureData);
          console.log("测量数据:", measure_info);
          const scanIMTInfo = measure_info.scanIMTInfo;
          const psedInfo = measure_info.psedInfo;
          const vesselDiameterInfo = measure_info.vesselDiameterInfo;
          if (scanIMTInfo && !isEmpty(scanIMTInfo)) {
            for (let prop in scanIMTInfo) {
              if (artery_keys.includes(prop)) {
                const key = artery2E[prop];
                this[key] = scanIMTInfo[prop];
              } else {
                this[prop] = scanIMTInfo[prop];
              }
            }
          } else {
            console.log("没有scanIMTInfo测量数据");
            for (let prop in artery_normal_default) {
              if (!scanIMTInfo || !scanIMTInfo[prop]) {
                this[prop] = artery_normal_default[prop];
              }
            }
          }
          if (vesselDiameterInfo && !isEmpty(vesselDiameterInfo)) {
            for (let prop in vesselDiameterInfo) {
              if (artery_keys.includes(prop)) {
                const key = diameter2E[prop];
                this[key] = vesselDiameterInfo[prop];
              }
            }
          }

          if (psedInfo && !isEmpty(psedInfo)) {
            for (let prop in psedInfo) {
              const key = arteryPSEDres[prop];
              this[key] = psedInfo[prop];
            }
          }
        }
        if (this.pos == "腹部" || this.pos == "消化系") {
          const measure_info = JSON.parse(this.featureData);
          console.log("测量数据:", measure_info);
          const digestiveMeasure = measure_info.digestiveMeasure;
          const spleenMeasure = measure_info.spleenMeasure;
          if (digestiveMeasure && !isEmpty(digestiveMeasure)) {
            for (let prop in digestiveMeasure) {
              if (digestive_keys.includes(prop)) {
                const key = digestive2E[prop];
                this[key] = digestiveMeasure[prop];
              }
            }
          }
          if (spleenMeasure && !isEmpty(spleenMeasure)) {
            for (let prop in spleenMeasure) {
              if (digestive_keys.includes(prop)) {
                const key = digestive2E[prop];
                this[key] = spleenMeasure[prop];
              }
            }
          }
        }
        if (this.pos == "泌尿" || this.pos == "泌尿系") {
          const measure_info = JSON.parse(this.featureData);
          console.log("测量数据:", measure_info);
          const urinaryMeasure = measure_info.urinaryMeasure;
          if (urinaryMeasure && !isEmpty(urinaryMeasure)) {
            for (let prop in urinaryMeasure) {
              if (urinary_keys.includes(prop)) {
                const key = urinary2E[prop];
                this[key] = urinaryMeasure[prop];
              }
            }
          }
        }
      } catch (error) {
        console.log("initFeatureData error:", error);
      }
    },
    //获取特征数据
    getFeatureData() {
      try {
        let params = {};
        if (this.pos == "甲状腺") {
          //测量值
          thyroid_keys.forEach((item) => {
            const key = thyroid2E[item];
            params[item] = this[key];
          });
          return { thyroid_measure: params };
        } else if (this.pos == "颈动脉") {
          //原始数据
          const origin_Ri_measure = JSON.parse(this.featureData).Ri_measure;
          const origin_scanIMTInfo = JSON.parse(this.featureData).scanIMTInfo;
          const origin_vesselDiameterInfo = JSON.parse(
            this.featureData
          ).vesselDiameterInfo;
          if (!isEmpty(origin_Ri_measure) && origin_Ri_measure) {
            params.Ri_measure = origin_Ri_measure;
          }
          const new_scanIMTInfo = {};
          const new_vesselDiameterInfo = {};
          artery_keys.forEach((item) => {
            const key = artery2E[item];
            const keyd = diameter2E[item];
            new_scanIMTInfo[item] = this[key];
            new_vesselDiameterInfo[item] = this[keyd];
          });
          if (!isEmpty(origin_scanIMTInfo)) {
            params.scanIMTInfo = {
              ...origin_scanIMTInfo,
              ...new_scanIMTInfo,
            };
          } else {
            params.scanIMTInfo = {
              ...new_scanIMTInfo,
            };
          }
          if (!isEmpty(origin_vesselDiameterInfo)) {
            params.vesselDiameterInfo = {
              ...origin_vesselDiameterInfo,
              ...new_vesselDiameterInfo,
            };
          } else {
            params.vesselDiameterInfo = {
              ...new_vesselDiameterInfo,
            };
          }
          const new_psedInfo = {};
          for (let prop in arteryPSEDres) {
            let key = arteryPSEDres[prop];
            new_psedInfo[prop] = this[key];
          }
          params.psedInfo = new_psedInfo;
          return params;
        } else if (this.pos == "腹部" || this.pos == "消化系") {
          const digestiveMeasure = {};
          const spleenMeasure = {};
          digestive_keys.forEach((item) => {
            const key = digestive2E[item];
            if (item.includes("4")) {
              spleenMeasure[item] = this[key];
            } else {
              digestiveMeasure[item] = this[key];
            }
          });
          return { digestiveMeasure, spleenMeasure };
        } else if (this.pos == "泌尿" || this.pos == "泌尿系") {
          urinary_keys.forEach((item) => {
            const key = urinary2E[item];
            params[item] = this[key];
          });
          return { urinaryMeasure: params };
        } else {
          return null;
        }
      } catch (error) {
        console.log("getFeatureData:", error);
      }
    },
    //获取匹配数据
    getMatching() {
      try {
        const data = this.getFeatureData();
        console.log("getMatching:", data);
        if (this.pos == "甲状腺") {
          return { ...data.thyroid_measure };
        } else if (this.pos == "颈动脉") {
          return {
            ...data.scanIMTInfo,
            ...data.psedInfo,
            ...data.plaque__measure,
          };
        } else if (this.pos == "腹部" || this.pos == "消化系") {
          return {
            ...data.digestiveMeasure,
            ...data.spleenMeasure,
          };
        } else if (this.pos == "泌尿" || this.pos == "泌尿系") {
          return {
            ...data.urinaryMeasure,
          };
        }
      } catch (error) {
        console.log("getMatching:", error);
      }
    },
    valiInput(key) {
      this[key] = this[key].replace(/[^0-9./]/g, "");
    },
  },
};
</script>

<style lang="less" scoped>
@import "~@/assets/css/ownauto.less";
</style>
